<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="A layout example that shows off a responsive product landing page.">
        <title>初见菲林 - Newfeeling</title>

        <link rel="stylesheet" href="https://unpkg.com/purecss@1.0.0/build/pure-min.css" integrity="sha384-" crossorigin="anonymous">

        <!--[if lte IE 8]>
        <link rel="stylesheet" href="https://unpkg.com/purecss@1.0.0/build/grids-responsive-old-ie-min.css">
        <![endif]-->
        <!--[if gt IE 8]><!-->
        <link rel="stylesheet" href="https://unpkg.com/purecss@1.0.0/build/grids-responsive-min.css">
        <!--<![endif]-->

        <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">

        <link href="https://cdnjs.cloudflare.com/ajax/libs/bxslider/4.2.15/jquery.bxslider.min.css" rel="stylesheet" />

        <!--[if lte IE 8]>
        <link rel="stylesheet" href="css/styles-old-ie.css">
        <![endif]-->
        <!--[if gt IE 8]><!-->
        <link rel="stylesheet" href="css/styles.css?v=1">
        <!--<![endif]-->

        <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/bxslider/4.2.15/jquery.bxslider.min.js"></script>

        <script>
            $(document).ready(function(){
                $('.bxslider').bxSlider();
            });
        </script>
    </head>
    <body>
        <div class="header">
            <div class="home-menu pure-menu pure-menu-horizontal pure-menu-fixed">
                <a class="pure-menu-heading" href="index.html"><span style="font-size: 90%;">初见菲林</span> <span style="font-size: 80%;">Newfeeling</span></a>

                <ul class="pure-menu-list">
                    <li class="pure-menu-item pure-menu-selected"><a href="index.html" class="pure-menu-link">首页</a></li>
                    <li class="pure-menu-item"><a href="pingmian.html" class="pure-menu-link">平面拍摄</a></li>
                    <li class="pure-menu-item"><a href="yingshi.html" class="pure-menu-link">影视化创作</a></li>
                    <li class="pure-menu-item"><a href="chuanbo.html" class="pure-menu-link">内容传播</a></li>
                    <li class="pure-menu-item"><a href="profile.html" class="pure-menu-link">公司介绍</a></li>
                </ul>
            </div>
        </div>

        <!--<div class="splash-container">
            <div class="splash">
                <h1 class="splash-head">Big Bold Text</h1>
                <p class="splash-subhead">
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit.
                </p>
                <p>
                    <a href="http://purecss.io" class="pure-button pure-button-primary">Get Started</a>
                </p>
            </div>
        </div>-->



        <div class="content-wrapper">
            <div class="banner1">
                <ul class="bxslider">
                    <li>
                        <img src="img/banner/1.jpg?v=2" />
                    </li>
                    <li>
                        <img src="img/banner/2.jpg?v=2" />
                    </li>
                    <li>
                        <img src="img/banner/3.jpg?v=2" />
                    </li>
                </ul>
            </div>

            <div class="container">
                <div class="service-list">
                    <h2>服务范围 / Service Scope</h2>
                    <div class="pure-g">
                        <div class="pure-u-1-3 l-box is-center">
                            <a href="#" > <img src="img/service/11.jpg">
                                <p>平面拍摄</p>
                            </a>
                        </div>
                        <div class="pure-u-1-3 l-box is-center">
                            <a href="#"> <img src="img/service/22.jpg">
                                <p>影视化创作</p>
                            </a>
                        </div>
                        <div class="pure-u-1-3 l-box is-center">
                            <a href="#"> <img src="img/service/33.jpg">
                                <p>内容传播</p>
                            </a>
                        </div>
                    </div>

                </div>
            </div>


            <!--<div class="banner2">
                <div class="v2 re">
                    <div class="fl"><img src="img/in_34_1.png" alt="" class="im1 img100"></div>
                    <div class="fr re">
                        <img src="img/in_34_2.png" alt="" class="im1 img100">
                        <a href="images/shang/1.jpg" class="a1"></a>
                        <a href="images/shang/2.jpg"></a>
                        <a href="images/shang/3.jpg"></a>
                        <a href="images/shang/2.jpg"></a>
                        <a href="images/shang/5.jpg"></a>
                        <a href="images/shang/6.jpg"></a>
                        <a href="images/shang/7.jpg"></a>
                        <a href="images/shang/8.jpg"></a>
                        <a href="images/shang/9.jpg"></a>
                        <a href="images/shang/10.jpg"></a>
                        <a href="images/shang/11.jpg"></a>
                        <a href="images/shang/12.jpg"></a>
                        <a href="images/shang/13.jpg"></a>
                        <a href="images/shang/14.jpg"></a>
                        <a href="images/shang/15.jpg"></a>
                    </div>
                </div>
            </div>-->

            <div class="container">
                <div class="work-list">
                    <h2>最新作品 / Latest Work</h2>
                    <div class="pure-g">
                        <div class="pure-u-1-2 l-box is-center">
                            <a href="#"> <img src="img/work/111.jpg">
                                <div class="desc">
                                    <div class="title">奥迪Q7前排仪表盘</div>
                                    <div class="author">摄影师罗浩作品</div>
                                </div>
                            </a>
                        </div>
                        <div class="pure-u-1-2 l-box is-center">
                            <a href="#"> <img src="img/work/222.jpg">
                                <div class="desc">
                                    <div class="title">奥迪Q7前排多媒体交互</div>
                                    <div class="author">摄影师罗浩作品</div>
                                </div>
                            </a>
                        </div>
                        <div class="pure-u-1-2 l-box is-center">
                            <a href="#"> <img src="img/work/333.jpg">
                                <div class="desc">
                                    <div class="title">奥迪Q7后排空调区域</div>
                                    <div class="author">摄影师罗浩作品</div>
                                </div>
                            </a>
                        </div>
                        <div class="pure-u-1-2 l-box is-center">
                            <a href="#"> <img src="img/work/444.jpg">
                                <div class="desc">
                                    <div class="title">奥迪Q7前排空间</div>
                                    <div class="author">摄影师罗浩作品</div>
                                </div>
                            </a>
                        </div>
                    </div>

                </div>
            </div>

            <div class="guarantee-wrapper" >
                <div class="guarantee is-center">
                    <h2>我们保证 / We Guarantee</h2>
                    <div class="pure-g">
                        <div class="pure-u-1-3">
                            <div class="grid">
                                <a>
                                    <div class="g1">私人定制</div>
                                    <div class="g2">定制专属你的美</div>
                                </a>
                            </div>
                        </div>
                        <div class="pure-u-1-3">
                            <div class="grid">
                                <a>
                                    <div class="g1">客片欣赏</div>
                                    <div class="g2">与你共赏好作品</div>
                                </a>
                            </div>
                        </div>
                        <div class="pure-u-1-3">
                            <div class="grid">
                                <a>
                                    <div class="g1">行业标杆</div>
                                    <div class="g2">专业专注只为你</div>
                                </a>
                            </div>
                        </div>
                    </div>

                    <div class="pure-g">
                        <div class="pure-u-1-3">
                            <div class="grid">
                                <a>
                                    <div class="g1">满意为止</div>
                                    <div class="g2">拍到您满意为止</div>
                                </a>
                            </div>
                        </div>
                        <div class="pure-u-1-3">
                            <div class="grid">
                                <a>
                                    <div class="g1">拒绝套路</div>
                                    <div class="g2">消费透明化</div>
                                </a>
                            </div>
                        </div>
                        <div class="pure-u-1-3">
                            <div class="grid">
                                <a>
                                    <div class="g1">亦客益友</div>
                                    <div class="g2">真诚为您服务</div>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--<div class="contract l-box is-center">
                <div class="info">
                    <dl>
                        <dt>电话:</dt>  <dd>(+86)18022344509 / (+86)13631226279</dd>
                        <dt>工作时间:</dt>  <dd>08:00 ~ 21:00</dd>
                        <dt>地址:</dt>  <dd>北京市海淀区西八里庄路69号人民政协报大厦十层</dd>
                    </dl>
                </div>
            </div>-->

            <div class="kouhao l-box-lrg pure-g">
                <div class="l-box-lrg is-center pure-u-1 pure-u-md-2-3 pure-u-lg-3-5">
                    <img class="pure-img-responsive" src="img/qicai.jpeg">
                </div>
                <div class="pure-u-1 pure-u-md-1-3 pure-u-lg-2-5 pt-80">
                    <p>初见</p>
                    <p>是我们相遇时</p>
                    <p>对您身上的一切美好的发现！</p>
                    <p>菲林</p>
                    <p>是我们将用严谨的创作态度</p>
                    <p>把它完整的记录下来！</p>
                </div>
            </div>


            <div class="customer">
                <img src="img/customer2.jpg">
            </div>

            <!--<div class="container">
                <div class="customer-list is-center">
                    <h2>主要客户 / Major Customer</h2>
                    <div class="pure-g">
                        <div class="pure-u-1-4 l-box is-center customer-logo">
                            <img src="img/customer/cheshi_logo.png" />
                        </div>
                        <div class="pure-u-1-4 l-box is-center customer-logo">
                            <img src="img/customer/pcauto_logo.png" />
                        </div>
                        <div class="pure-u-1-4 l-box is-center customer-logo">
                            <img src="img/customer/fenghuang_logo.png" />
                        </div>
                        <div class="pure-u-1-4 l-box is-center customer-logo">
                            <img src="img/customer/flangence_logo.png" />
                        </div>
                    </div>

                </div>
            </div>-->

            <div class="contract2">
                <div class="pure-g">
                    <div class="pure-u-1-5 pl-30"></div>
                    <div class="pure-u-2-5 pl-30">
                        <h1>
                            联系方式
                        </h1>
                        <address>
                            <p><i class="fa fa-home pr-10"></i>广东省广州市黄埔区萝岗街香雪大道中68号</p>
                            <p><i class="fa fa-clock-o pr-10"></i>08:00 ~ 21:00</p>
                            <p><i class="fa fa-phone pr-10"></i>(+86)18022344509 / (+86)13631226279 </p>
                            <p><i class="fa fa-envelope pr-10"></i>280426362@qq.com</p>
                        </address>
                    </div>
                    <div class="pure-u-1-5 pl-30">
                        <h1>
                            初见菲林
                        </h1>
                        <ul class="footer-menu">
                            <li>
                                <i class="fa fa-angle-right"></i>
                                <a href="index.html">首页</a>
                            </li>
                            <li>
                                <i class="fa fa-angle-right"></i>
                                <a href="pingmian.html">平面拍摄</a>
                            </li>
                            <li>
                                <i class="fa fa-angle-right"></i>
                                <a href="yingshi.html">影视化创作</a>
                            </li>
                            <li>
                                <i class="fa fa-angle-right"></i>
                                <a href="chuanbo.html">内容传播</a>
                            </li>
                            <li>
                                <i class="fa fa-angle-right"></i>
                                <a href="profile.html">公司介绍</a>
                            </li>
                        </ul>
                    </div>
                    <div class="pure-u-1-5 pl-30"></div>
                </div>
            </div>

            <div class="footer l-box is-center">
                版权所有 © 2018 &nbsp;&nbsp;&nbsp; 初见菲林文化传媒（广州）有限公司 &nbsp;&nbsp;&nbsp; 粤ICP备18131789号
            </div>

        </div>
    </body>
</html>
